<div class="profile" ng-init="initSocialAccountAdd()">

  <div ng-include="'angular/template/include/toptip.html'">

  </div>

  <form name="form" class="form social-account-form" ng-submit="createSocialAccount()" novalidate style="margin-left: -20px; margin-right: -20px;">

    <div class="form-item has-icon icon-phone chevron-right">
      <div class="item" ng-click="showAccountType()">
        <label>{{socialAccountForm.socialType ? socialAccountForm.socialType:'请选择社交平台'}}</label>
      </div>
    </div>

    <div class="form-item has-icon icon-phone">
      <input class="input input-block" ng-model="socialAccountForm.account" name="account" type="text" placeholder="请输入社交账号" required/>
    </div>
    
    <div class="form-item">

      <div class="item" style="height: auto; line-height: normal;">
        <p class="text-center"><label>上传截图</label></p>
        
        <div ng-hide="loadingStatus == 'doing' || loadingStatus == 'done'">
			    <div class="upload-btn" ngf-select ng-model="file" ngf-multiple="false" >
	          <img src="angular/images/account-bg.jpg" style="width: 100%">
	          <p class="no-top-margin" style="color: #E15C5C;">点击通讯录拖至底部，截取带有联系人数量的页面截图。</p>
	        </div>
        </div>
        
        <div class="padding-10">
          <p class="text-center" ng-show="loadingStatus == 'doing'">正在上传...</p>
          <div class="uploaded" ng-show="loadingStatus == 'done'">
            <img src="{{qiniuhost}}{{fileName}}!200" alt="" style="width: 100%" />
            <!-- <button type="button" class="abort" ng-click="abort(k)">X</button> -->
            <a class="abort pull-right" style="border: 0px;" ng-click="abortFile()"><span class="icon icon-large icon-abort-dark bottom-margin-5"></span></a>
          </div>
          <div class="cycle-process uploading" ng-show="loadingStatus == 'doing'">
            <p>{{progressPercentage}}%</p>
            <a class="abort pull-right" style="border: 0px;" ng-click="abortFile()"><span class="icon icon-large icon-abort bottom-margin-5"></span></a>
          </div>
        </div>
      </div>

    </div>

    <div class="form-item margin-20">
      <button type="submit" class="btn btn-block client-btn">提交账户</button>
    </div>

  </form>

</div>
